﻿<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Document Meta
    ============================================= -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--IE Compatibility Meta-->
<meta name="author" content="zytheme" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="construction html5 template">
<link href="assets/images/favicon/favicon.ico" rel="icon">

<!-- Fonts
    ============================================= -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i%7CRaleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CUbuntu:300,300i,400,400i,500,500i,700,700i' rel='stylesheet' type='text/css'>

<!-- Stylesheets
    ============================================= -->
<link href="assets/css/external.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">


<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->

<!-- Document Title
    ============================================= -->
<title>Autoshop | E-commerce Html5 Template</title>
<style>
	.cart-product-item{
		font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial;
    	font-size: 14px;
    	color: #684029;
	}
	.defaultStyle{
		color:#684029; 
		font-size: 14px; 
		font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; 
		font-weight: 500;
	}

</style>
</head>
<body>

     

<!-- Document Wrapper
	============================================= -->
<div id="wrapper" class="wrapper clearfix">
	<header id="navbar-spy" class="header header-1">
		<nav id="primary-menu" class="navbar navbar-fixed-top">
			<div class="container">
	
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<a class="logo" href="index.html">
					<img src="assets/images/logo/logo.jpg" alt="Autoshop" width="80px" height="80px">
					<img src="assets/images/logo/fontLogo.png" width="100px" height="40px" />
					</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-left" id="header-navbar-collapse-1" style="margin-left: 40px;">
					<ul class="nav navbar-nav navbar-left">
						<li class="has-dropdown">
							<a href="index.html" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;">首页</a>
						</li>
						<!-- li end -->
						<li class="has-dropdown">
							<a href="#"  style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;">蛋糕</a>
						</li>
						<!-- li end -->
						<li>
							<a href="about.html" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;" >冰淇淋</a>
						</li>
						<li class="has-dropdown">
							<a href="#" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;" >咖啡下午茶</a>
						</li>
						<!-- li end -->
						<li class="has-dropdown pull-left">
							<a href="contact-1.html" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;">联系我们</a>
						</li>
						<!-- li end -->
					</ul>
					
					
				</div>
				<div class="collapse navbar-collapse pull-right" id="header-navbar-collapse-1" style="margin-right: 20px;">
					<!-- Mod-->
					<div class="module module-search pull-left">
						<ul class="list-inline navbar-nav">
							<li style="margin-right: 0px"; >
								<a href="#" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;"  onclick = "modaklogin()">登入</a>
								/
								<a href="#" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;" onclick = "modalRegister()">注册</a>
							</li>
						</ul>
					</div>
					<!-- .module-search-->
					<!-- Mod-->
					<div class="module module-search pull-left" style="margin-right: 10px;">
						<div class="search-icon">
							<i class="fa fa-search"></i>
							<span class="title">search</span>
						</div>
						<div class="search-box">
							<form class="search-form">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="输入您想要查找的内容">
									<span class="input-group-btn">
									<button class="btn" type="button"><i class="fa fa-search"></i></button>
									</span>
								</div>
								<!-- /input-group -->
							</form>
						</div> 
						
					</div>
					<!-- .module-search-->
					<!-- .module-cart -->
					<div class="module module-cart pull-left">
						<div class="cart-icon">
							<i class="fa fa-shopping-cart"></i>
							<span class="title">shop cart</span>
							<!--
                            	作者：offline
                            	时间：2018-05-03
                            	描述：
                            	<span class="cart-label">100</span>
                            -->
						</div>
						<div class="cart-box">
							<div class="cart-overview">
								<ul class="list-unstyled">
									<li>
										<img class="img-responsive" src="assets/images/shop/thumb/1.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">Belt Car Engine</h5>
											<p class="product-price">价格 : $68.00 </p>
											<p class="product-quantity">数量 : 2</p>
										</div>
										<a class="cancel" href="#">取消</a>
									</li>
									<li>
										<img class="img-responsive" src="assets/images/shop/thumb/2.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">OIL FILTER</h5>
											<p class="product-price">价格 : $180.00 </p>
											<p class="product-quantity">数量 : 1</p>
										</div>
										<a class="cancel" href="#">取消</a>
									</li>
								</ul>
							</div>
							<div class="cart-total">
								<div class="total-desc">
									<h5>总价 :</h5>
								</div>
								<div class="total-price">
									<h5>$316.00</h5>
								</div>
							</div>
							<div class="clearfix">
							</div>
							<div class="cart-control">
								<a class="btn btn-primary btn-block" href="#">支付</a>
								<a class="btn btn-secondary btn-block" href="#">清空</a>
							</div>
						</div>
					</div>
					<!-- .module-cart end -->
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</header>
	
	<!-- Shop Cart
============================================= -->
	<section id="shopcart" class="shop shop-cart">
		<div class="container">
			<div class="row">
				<div class="col-xs-12  col-sm-12  col-md-12">
					<div class="cart-table table-responsive">
						<table class="table table-bordered">
							<thead>
								<tr class="cart-product">
								<th class="cart-product-item" style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">商品</th>
									<th class="cart-product-price" style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">价格</th>
									<th class="cart-product-quantity" style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">数量</th>
									<th class="cart-product-total" style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">金额</th>
								</tr>
							</thead>
							<tbody>
								<tr class="cart-product">
									<td class="cart-product-item" style="vertical-align:middle">
										<div class="cart-product-remove">
											<i class="fa fa-close"></i>
										</div>
										<div class="cart-product-img">
											<img src="assets/images/product/gundong.jpg" width="50px" height="50px" alt="product"/>
										</div>
										<div class="cart-product-name">
											<h6 style="color:#684029; font-size: 15px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">Belt Car Engine</h6>
										</div></td>
									<td class="cart-product-price" style="vertical-align:middle">$ 10.00</td>
									<td class="cart-product-quantity" style="vertical-align:middle">
										<div class="product-quantity">
											<a href="#"><i class="fa fa-minus"></i></a>
											<input type="text" value="2" id="pro1-qunt" readonly>
											<a href="#"><i class="fa fa-plus"></i></a>
										</div></td>
									<td class="cart-product-total" style="vertical-align:middle">$ 20.00</td>
								</tr>
								<tr class="cart-product" >
									<td class="cart-product-item" style="vertical-align:middle">
										<div class="cart-product-remove">
											<i class="fa fa-close"></i>
										</div>
										<div class="cart-product-img">
											<img src="assets/images/product/gundong.jpg" width="50px" height="50px" alt="product"/>
										</div>
										<div class="cart-product-name">
											<h6 style="color:#684029; font-size: 15px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">OIL FILTER</h6>
										</div></td>
									<td class="cart-product-price" style="vertical-align:middle">$ 40.00</td>
									<td class="cart-product-quantity" style="vertical-align:middle">
										<div class="product-quantity">
											<a href="#"><i class="fa fa-minus"></i></a>
											<input type="text" value="3" id="pro2-qunt" readonly>
											<a href="#"><i class="fa fa-plus"></i></a>
										</div></td>
									<td class="cart-product-total" style="vertical-align:middle">$ 120.00</td>
								</tr>
								<tr class="cart-product-action">
									<td  colspan="4"><div class="row clearfix">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<form class="form-inline">
													<input type="text" class="form-control" id="coupon" placeholder="CDK"/>
													<button type="submit" class="btn btn-primary">优惠码</button>
												</form>
											</div>
											<!-- .col-md-6 end -->
											<div class="col-xs-12 col-sm-6 col-md-6 text-right">
												<a class="btn btn-secondary" href="#">清空</a>
												<a class="btn btn-primary" href="#">支付</a>
											</div>
											<!-- .col-md-6 end -->
										</div></td>
								</tr>
							</tbody>
						</table>
					</div>
					<!-- .cart-table end -->
				</div>
				<!-- .col-md-12 end -->
				<div class="col-xs-12  col-sm-12  col-md-6 mb-30-xs mb-30-sm">
					<div class="cart-shiping">
						<h6 style="color:#684029; font-size: 16px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">收获地址  :</h6>
						<div class="row">
							<form>
								<div class="col-xs-12 col-md-6">
									<input type="text" class="form-control" id="sheng" placeholder="省份">
								</div>
								<div class="col-xs-12 col-md-6">
									<input type="text" class="form-control" id="xian" placeholder="区/县">
								</div>
								<div class="col-md-12">
									<input type="text" class="form-control" id="postal-code" placeholder="详细地址">
								</div>
								<div class="col-md-12">
									<button type="submit" class="btn btn-primary pull-right pull-none-xs">保存</button>
								</div>
							</form>
						</div>
					</div>
					<!-- .cart-shiping end -->
				</div>
				<!-- .col-md-6 end -->
				<div class="col-xs-12  col-sm-12  col-md-6">
					<div class="cart-total-amount">
						<h6 style="color:#684029; font-size: 16px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">清单 :</h6>
						<ul class="list-unstyled " style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">
							<li style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">商品价格 :<span class="pull-right text-right">$ 140.00</span></li>
							<li style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">优惠价格 :<span class="pull-right text-right">Free Shipping</span></li>
							<li style="color:#684029; font-size: 14px; font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial; font-weight: 500;">总    价 :<span class="pull-right text-right">$ 140.00</span></li>
						</ul>
					</div>
					<!-- .cart-total-amount end -->
				</div>
				<!-- .col-md-6 end -->
			</div>
			<!-- .row end -->
		</div>
		<!-- .container end -->
	</section>
	<!-- #shopcart end -->
	
	<!-- Footer #1
============================================= -->
	<footer id="footer" class="footer footer-2">
		<!-- Footer Info
	============================================= -->
		

		<!-- Footer Bar
	============================================= -->
	<div class="footer-bar">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="powered">
							<p>Car Shop &copy; All Rights Reserved. With Made With Love By
								<a>7oroof.com</a>
							</p>
							<ul class="list-inline mb-0">
								<li>
									<a href="#">Privacy Policy</a>
								</li>
								<li>
									<a href="#">Terms of Use</a>
								</li>
								<li>
									<a href="#">Stores</a>
								</li>
								<li>
									<a href="#">About Us</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="payment-methods text-right">
							<ul class="list-inline mb-0">
								<li><img src="assets/images/footer/visa.png" alt="payment"></li>
								<li><img src="assets/images/footer/mastercard.png" alt="payment"></li>
								<li><img src="assets/images/footer/american-express.png" alt="payment"></li>
								<li><img src="assets/images/footer/delta.png" alt="payment"></li>
								<li><img src="assets/images/footer/cirrus.png" alt="payment"></li>
								<li><img src="assets/images/footer/paypal.png" alt="payment"></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-copyright end -->
	</footer>
</div>
<!-- #wrapper end -->

<!-- Footer Scripts
============================================= -->
<script src="assets/js/jquery-2.2.4.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>
